<%--
  Created by IntelliJ IDEA.
  User: 檬zhu
  Date: 2021/12/14
  Time: 17:08
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <style type="text/css">
        .test {
            margin-left: 30%;
            margin-top:4%;
            width: 300px;
            padding: 80px 20px;
            background: #beceeb;
            -webkit-border-radius: 220px 120px;
            -moz-border-radius: 220px/120px;
            border-radius: 220px/120px;
            position: relative;
        }

        .test span {
            width: 0;
            height: 0;
            font-size: 0;
            background: #beceeb;
            overflow: hidden;
            position: absolute;
        }

        .test span.bot {
            width: 30px;
            height: 30px;
            -moz-border-radius: 30px;
            -webkit-border-radius: 30px;
            border-radius: 30px;
            left: 10px;
            bottom: -20px;
        }

        .test span.top {
            width: 15px;
            height: 15px;
            -moz-border-radius: 15px;
            -webkit-border-radius: 15px;
            border-radius: 15px;
            left: 0;
            bottom: -40px;
        }
    </style>
    <title></title>
</head>
<body>
<div class="test">
    <span class="bot"></span> <span class="top"></span>
    ┭┮﹏┭┮，你还没点餐呢，去加餐吧，/(ㄒoㄒ)/~~
</div>
</body>
</html>